// 会议预约主容器
.ConferenceReservation {
  width: 95%;
  margin: 0 auto;
  // 卡片样式调整
  &:deep(.el-card) {
    border: none;
    border-radius: 0;
    background-color: #fafbfc;
    box-shadow: none !important;

    &__body, .el-main {
      padding-bottom: 0;
    }
  }

  // 按钮颜色统一
  &:deep(.el-button--success),
  &:deep(.el-button--primary) {
    background-color: #2d447a;
    border-color: #2d447a;
  }

  // 表单元素通用样式
  .meetForm {
    width: 100%;

    // 表单元素宽度统一
    &:deep(.el-color-picker__icon),
    &:deep(.el-input),
    &:deep(.el-textarea) {
      width: 70%;
    }

    // 特殊申请区域
    .ApplyFor {
      display: flex;
      width: 100%;

      &:deep(.el-color-picker__icon),
      &:deep(.el-input),
      &:deep(.el-textarea) {
        width: 90%;
      }
    }

    // 标签宽度统一
    &:deep(.el-form-item__label) {
      width: 100px !important;
    }
  }

  // 链接样式
  &:deep(.el-link--primary) {
    color: #2d447a;

    &:hover {
      color: #2d447a;
    }
  }

  // 复选框选中状态
  &:deep(.el-checkbox__input.is-checked) .el-checkbox__inner {
    background-color: #2d447a;
  }

  // 禁用表单通用样式
  .disabled-form {
    // 修改禁用状态变量
    --el-disabled-text-color: #2d447a;
    --el-disabled-bg-color: transparent;

    // 通用禁用样式
    .el-input.is-disabled,
    .el-select.is-disabled,
    .el-date-editor.is-disabled,
    .el-cascader.is-disabled {
      .el-input__wrapper {
        background: transparent;
        box-shadow: none;
        padding-left: 0;
        cursor: default;
      }

      .el-input__suffix {
        display: none;
      }
    }

    // 禁用状态焦点样式清除
    *:focus {
      outline: none;
      box-shadow: none;
    }
  }

  // 表单布局调整
  .el-form {
    &-item__content {
      margin-left: 0;
    }
    &.disabled-form {
      // 禁用状态输入框焦点样式清除
      .el-input__inner:focus {
        border-color: transparent;
        outline: none;
      }
    }
  }

}
